<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01-js的入门.html</title>
</head>
<body>

<script>

    //写函数
    function demo01(){
        //alert  弹窗函数
        alert('点我干嘛?中奖了一起去吃饭...')
    }

    //进行页面dom操作 (拿到页面的元素、修改元素的属性 ) js了解基本的语法就够了

    //把数据 展示和 页面的dom操作 整合在一起  重点学习vue.js  框架
    function demo02(){

        //01 拿到页面的 div标签
        let divNode = document.querySelector("div");
        //02 修改div标签的 属性
        divNode.innerHTML = "吊毛、中奖了5000w、去会所潇洒";
    }

</script>

<div>
    hello div
</div>

<!--
    onclick  点击事件   demo01  点击触发的函数
-->
<button onclick="demo01()">
    点我弹框
</button>
<button onclick="demo02()">
    修改div
</button>

</body>
</html>